<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>社区好生活</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="css/ydui.css?v=1" rel="stylesheet" />
    <script src="js/ydui.flexible.js"></script>
	<link href="https://cdn.bootcss.com/Swiper/4.0.7/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/all.css"/>
	<link rel="stylesheet" type="text/css" href="css/ydui.css"/>
</head>
	<body>
		<div class="g-flexview community">
			<div class="g-scrollview">
				<div class="community-head">
					<div class="head-content">
							<p class="title">社区</p>
							<p class="intro">真实、专业的共享社区</p>
							<div class="icon-box">
								<p class="iconfont icon-chaxun"></p>
								<p class="iconfont icon-jia2"></p>
							</div>
					</div>
				</div>
				<div class="community-jion">
					<div class="jion-head clearfix">
						<p>你可能感兴趣的社区</p>
						<p class="more">看更多</p>
					
					</div>
					  <div class="swiper-container">
					    <div class="swiper-wrapper">
					      <div class="swiper-slide">
					      	<div class="jion-list">
					      		<img src="img/11_02.jpg"/>
					      		<p>社区</p>
					      		<a href="">加入</a>
					      	</div>
					      </div>
					      <div class="swiper-slide">
					      	<div class="jion-list">
					      		<img src="img/11_02.jpg"/>
					      		<p>社区</p>
					      		<a href="">加入</a>
					      	</div>					      	
					      </div>
					      <div class="swiper-slide">
					      	<div class="jion-list">
					      		<img src="img/11_02.jpg"/>
					      		<p>社区</p>
					      		<a href="">加入</a>
					      	</div>					      	
					      </div>
					      <div class="swiper-slide">
					      	<div class="jion-list">
					      		<img src="img/11_02.jpg"/>
					      		<p>社区</p>
					      		<a href="">加入</a>
					      	</div>					      	
					      </div>
					      <div class="swiper-slide">
					      	<div class="jion-list">
					      		<img src="img/11_02.jpg"/>
					      		<p>社区</p>
					      		<a href="">加入</a>
					      	</div>					      	
					      </div>
					      <div class="swiper-slide">
					      	<div class="jion-list">
					      		<img src="img/11_02.jpg"/>
					      		<p>社区</p>
					      		<a href="">加入</a>
					      	</div>					      	
					      </div>
					      <div class="swiper-slide">
					      	<div class="jion-list">
					      		<img src="img/11_02.jpg"/>
					      		<p>社区</p>
					      		<a href="">加入</a>
					      	</div>					      	
					      </div>
					    </div>
					  </div>						
				</div>
				<div class="community-advert">
					<img src="img/guang_03.jpg"/>
				</div>
				<p class="community-see">大家都在看</p>
				<div class="community-list clearfix">
					<div class="img-classify">
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>						
					</div>
					<p class="nametitle">全新，720kv</p>
					<p class="price">¥204</p>
					<div class="person-info">
						<img src="img/11_02.jpg"/>
						<div class="centertext">
							<p class="name">模型与无人机</p>
							<p class="info">社区的归属感</p>							
						</div>
						<a href="" class="goshequ">进社区</a>
					</div>
				</div>
				<div class="community-list clearfix">
					<div class="img-classify">
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>						
					</div>
					<p class="nametitle">全新，720kv</p>
					<p class="price">¥204</p>
					<div class="person-info">
						<img src="img/11_02.jpg"/>
						<div class="centertext">
							<p class="name">模型与无人机</p>
							<p class="info">社区的归属感</p>							
						</div>
						<a href="" class="goshequ">进社区</a>
					</div>
				</div>
				<div class="community-list clearfix">
					<div class="img-classify">
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>
						<div class="tab-item">
							<img src="img/11_02.jpg"/>
						</div>						
					</div>
					<p class="nametitle">全新，720kv</p>
					<p class="price">¥204</p>
					<div class="person-info">
						<img src="img/11_02.jpg"/>
						<div class="centertext">
							<p class="name">模型与无人机</p>
							<p class="info">社区的归属感</p>							
						</div>
						<a href="" class="goshequ">进社区</a>
					</div>
				</div>				
			</div>		
		</div>
	</body>
    <script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
    <script src="js/ydui.js"></script>
    <script src="js/avalon.mobile.min.js"></script>
    <script src="js/ComFunJS.js?v=20170929"></script>
	<script src="https://cdn.bootcss.com/Swiper/4.0.7/js/swiper.min.js"></script>
	  <script>
    var swiper = new Swiper('.swiper-container', {
      slidesPerView:4,
      spaceBetween:50,
    });
  </script>
</html>
